<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>创建课程习题</title>
    <link rel="icon" href="./images/MIXIAOTU.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/homewordCommon.css">
</head>
<body>
    <!-- 头部 -->
    <header class="header screenFullNone">
        <div class="container">
            <div class="Hleft">
                <a href="index.html">
                    <img src="./images/courseware/科学小伙伴@2x.png" alt="logo科学小伙伴">
                    <!-- <p id="logoText"></p> -->
                </a>
            </div>
            <div class="Hright">
                <div id="infomation"><img src="./images/courseware/tixing@2x.png" alt="tixing"></div>
                <div id="tabOrganization">
                    <div class="showKXXHB">
                        <span>科学小伙伴</span>
                        <img src="./images/courseware/headerTaborganization.png" alt="">
                    </div>
                    <div class="pullDownList">
                        <!-- 下拉 -->
                        <div id="listBox">
                            <ul>
                                <!-- <li>摩尔思维编程</li> -->
                            </ul>
                        </div>

                        <a href="./joinOrgan.html"><img src="./images/lanjia.png"
                                alt=""><span>加入机构</span></a>
                    </div>
                </div>
                <button id="ruzhurenzheng">机构认证</button>
                <p class="logAfterHide">登录/注册</p>
                <div class="loginAfter dn">
                    <!-- <img src="./images/courseware/blue.png" alt=""> -->
                    <div class="enterLogin dn">
                        <a href="./personalCenter.html">
                            <p><img src="./images/courseware/personInfo.png" alt="personInfo">账号管理</p>
                        </a>
                        <p id="userExit"><img src="./images/courseware/tuichu.png" alt="tuichu">安全退出</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--创建课程习题 createOpt -->
    <div class="createOpt">
        <div class="centerBox">
            <h3>创建课程习题</h3>    
            <div class="problemName optCom">
                <div class="title">
                    <img src="./images/作业管理-课程习题_试卷_slices/形状 2.png" alt="">
                    <p id="optName">习题名称</p>
                    <div>
                        <span>（请输入简洁的课程名称，不超过20字）</span>
                    </div>
                </div>
                <div class="conEdit">
                    <input type="text" maxlength="20">
                </div>
            </div>
            <div class="problemCon optCom">
                <div class="title">
                    <img src="./images/作业管理-课程习题_试卷_slices/形状 2.png" alt="">
                    <p id="optCon">习题内容</p>
                    <div>
                        <span id="optDescript">（请输入习题内容）</span>
                    </div>
                </div>
                <div class="conEdit">
                    <textarea name="problemText" id="proText" cols="30" rows="10"></textarea>
                </div>
            </div>
            <div class="uploadImgs optCom">
                <div class="title">
                    <img src="./images/作业管理-课程习题_试卷_slices/形状 2.png" alt="">
                    <p>上传附件</p>
                    <div>
                        <span id="uploadDescript">（支持图片格式）</span>
                    </div>
                </div>
                <div class="conEdit">
                    <input type="file" id="uploadImgs" accept="image/gif,image/png,image/jpg,image/webp" style="display:none;">
                    <label for="uploadImgs">
                        <img src="./images/作业管理-课程习题_试卷_slices/矢量智能对象.png" alt="">
                    </label>
                </div>
            </div>
            <div class="optBtns">
                <button id="save">保存</button>
                <button id="publish">发布习题到APP</button>
            </div>
        </div>
    </div>
    <!-- 登录与注册 login 默认隐藏点击登录显示-->
    <div class="loginDialog screenFullNone dn">
        <div class="innerBox">
            <!-- 关闭弹窗按钮 -->
            <div class="close">
                <img src="./images/courseware/cha2.png" alt="关闭">
            </div>
            <img src="./images/courseware/login@2.jpg" alt="loginBackGround">
            <div class="left">
                <img src="./images/courseware/kexue.png" alt="">
                <p>欢迎回来</p>
                <p>登录一起学习吧！</p>
                <span>课件共享,在线制作,简单高效</span>
            </div>
            <div class="right">
                <h4>登录科学小伙伴</h4>
                <div class="selTitle">
                    <div class="login">
                        <p id="wxLogin">扫码登陆</p>
                        <p id="telLogin" class="active">账号登录</p>
                    </div>
                    <div class="reg dn">
                        <p id="wxZC">微信注册</p>
                        <p id="telZC" class="active">手机注册</p>
                    </div>
                    <div class="pwdReset dn">
                        <p class="active" id="telFind">
                            手机找回
                        </p>
                    </div>
                    <div class="bindWxTel dn">
                        <p class="active">绑定手机号</p>
                    </div>
                </div>
                <div class="loginMeth">
                    <!-- 手机号登录 -->
                    <div class="telLogin common">
                        <input type="text" placeholder="请输入手机号" id="logUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="logYzm" class="yzm">
                            <button id="logGetYzm">获取验证码</button>
                        </div>
                        <div class="pwdOpera">
                            <!-- <div class="memoryPwd">
                                <input type="checkbox">
                                <em>记住密码</em>
                            </div> -->
                            <i>忘记密码？</i>
                        </div>
                        <button id="logTel">登录</button>
                        <p>
                            没有账号？请<span class="regsiBtn">注册</span>
                        </p>
                    </div>
                    <!-- 手机注册 -->
                    <div class="telReg common dn">
                        <input type="text" placeholder="+86 | 手机号" id="regUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="regYzm" class="yzm">
                            <button id="getYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="regUserPwd" class="userPwd">
                        <input type="password" placeholder="再次确认密码" id="regUserRePwd" class="twoPwd">
                        <input type="text" placeholder="请输入昵称" id="regUserName" class="userName">
                        <button id="regBtn">注册</button>
                        <strong>
                            注册即代表您同意
                            <span class="localUserAgree">《科学小伙伴用户协议》</span>
                        </strong>
                        <p>
                            已有账号？请<span class="loginBtn">登录</span>
                        </p>
                    </div>
                    <!-- wx扫描登录 -->
                    <div class="wxLogin common dn" id="wx_login">
                        <!-- <img src="./images/courseware/green.png" alt="二维码"> -->
                        <p>没有账号？请<span class="regsiBtn">注册</span></p>
                    </div>
                    <!-- wx扫描注册 -->
                    <div class="wxReg common dn" id="wx_login_reg">
                        <p>使用微信扫码注册</p>
                        <img src="./images/courseware/green.png" alt="二维码">
                        <p class="wxRegp">
                            注册即代表您同意
                            <span>《科学小伙伴用户协议》</span>
                        </p>
                        <p class="line"></p>
                        <p>已有账号？请<span class="loginBtn">登录</span></p>
                    </div>
                    <!-- 手机找回 -->
                    <div class="findTel common dn">
                        <input type="text" placeholder="+86 | 手机号" id="rePwdTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="rePwdYzm" class="yzm">
                            <button id="sendRePwdYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="rePwdUserPwd" class="userPwd">
                        <input type="password" placeholder="再次确认密码" id="rePwdUserRePwd" class="twoPwd">
                        <button id="rePwdReg">提交</button>
                        <p>
                            没有账号？请<span class="regsiBtn">注册</span>
                        </p>
                    </div>
                    <div class="bindTel common dn">
                        <input type="text" placeholder="手机号" id="bindUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="bindYzm" class="yzm">
                            <button id="bindTelYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="bindUserPwd" class="userPwd">
                        <button id="regBtn">确认绑定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery-1.10.1.min.js"></script>
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    <script src="./js/commonTool.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/homewordCommon.js"></script>
</body>
</html>